<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="description" content="优品惠" />
		<title>优品惠</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
	</head>
	<script type="text/javascript" src="js/common.js"></script>
	<body>
	<!--===========================top-->
		<div class="top-wrap">
			<div class="top">
				<div class="top-pic">
					<a href="#"><img src="images/1463005343639060663.jpg"></a>
				</div>
			</div>
			<div class="top-nav">
				<div class="notice">
					<div class="laba">
						<img src="images/icons.png"  /> 
					</div>
					<span>公告:</span>
					<ul class="show_notice">
			            <li><a href="#">优品惠（优购物）5周年庆，盛大聚“惠”</a></li>
			            <li><a href="#">【注意】自主语音订购说明</a></li>
			            <li><a href="#">【公告】防诈骗提醒</a></li>
			            <li><a href="#">【紧急通知】关于短信发送异常的公告</a></li>
			        </ul>
			        <script>
		           	
		            </script>
				</div>
				
				<ul class="top-nav-tool">
					<li class="yg-card"><span><a href="#">注册</a></span>|</li>
	                <li class="yg-card"><span><a href="#">登录</a></span>|</li>
	                <li class="yg-card"><span><a href="#">我的订单</a></span>|</li>
	                <li class="yg-card"><span><a href="#">物流查询</a></span>|</li>
	                <li class="yg-card"><span><a href="#">我的关注</a></span>|</li>
	                <li class="yg-card"><span><a href="#">资讯</a></span>|</li>
	                <li class="yg-card"><span><a href="#">品牌馆</a></span>|</li>	                
	              	<li class="yg-phone" >
	              		<span id="huar">
	              			<a href="#"> 
	              				<img src="images/phone.png">手机优品惠
	              			</a>
	              		</span>
	              		
	                	<div id="huarx">
		                	<div class="app_erm">
		                		<a href="#">
		                			<img alt="" title="" src="images/ewm90X90.jpg" height="90" width="90">
		                		</a>
		                   		<p><a href="#">扫一扫哦~</a></p>
		                 	</div>
	                	</div>
	              	</li>
	            </ul>	            
			</div>
		</div>
		
		<!--==========================header-->
		<div class="header">
			<div class="header-box">
				<div class="logo">
					<a href="#"><img src="images/logo.png"/></a>
					<a href="#"><img src="images/logom.jpg"/></a>
				</div>
				<div class="header-center">
					<div class="header-so">
						<input type="text" value="请输入商品名称或货号" class="so-t"/>
						<div id="so-b"></div>
					</div>
					<div class="header-nav">
						<ul>
							<li><a href="#">双立人</a><span>|</span></li>
							<li><a href="#">品牌厨具</a><span>|</span></li>
							<li><a href="#">惠人</a><span>|</span></li>
							<li><a href="#">海参</a><span>|</span></li>
							<li><a href="#">韩束</a></li>
						</ul>
					</div>
				</div>
				<div class="d-520">
					<a href="#"><img src="images/1463096480259711194.gif"/></a>
				</div>
				<div class="gocar" id="gohuar">
					<div class="car-bag">
						<div class="carimg">
							<img src="images/icon.png"/>						
						</div>
						<a href="#">我的购物车</a>
						<span class="carnum" id="cart_num_1">0</span>
					</div>
					
					<div class="carmore">
						<div class="moredown"></div>
					</div>						
				</div>
			</div>	
			<div class="morediv" id="gohuarx">
				<p>购物车还没有商品，快去挑选吧~</p>
			</div>
			
		</div>
		
			<script>
				var huar=document.getElementById('gohuar');
				var huarx=document.getElementById('gohuarx');
				var t=null;
				huar.onmouseover=huarx.onmouseover=function(){
					huarx.style.display='block';
					clearTimeout(t);
				}
				huar.onmouseout=huarx.onmouseout=function(){
					t=setTimeout(run,100);
					function run(){
						huarx.style.display='none';
					}
				}		
			</script>
						
		
		
		<!--============================nav-->
		<div class="nav-wrap">				
			<div class="nav">
				<div class="nav-box">
					<ul class="navul">
						<li class="navli"><a href="#">首页</a></li>
						<li><a href="#">视频</a></li>
						<li><a href="#">食品</a></li>
						<li><a href="#">家居</a></li>
						<li><a href="#">美妆</a></li>
						<li><a href="#">服饰</a></li>
					</ul>				
					<div class="navlast" id="nav-last"></div>
				</div>
				
				<div class="morenav" id="Morenav">
					<ul class="morenav1">
						<li class="moretop">							
								<img src="images/newsix_03.png" />
								<h3><a href="#">品质厨房</a></h3>														
						</li>
						<li><a href="#">电视热销</a></li>
						<li><a href="#">品质厨具</a></li>
						<li><a href="#">厨房电器</a></li>
						<li><a href="#">厨房用具</a></li>						
					</ul>
					<ul class="morenav1 morenav2">
						<li class="moretop">							
								<img src="images/newsix_05.png" />
								<h3><a href="#">美食·民生</a></h3>														
						</li>
						<li><a href="#">电视热销</a></li>
						<li><a href="#">进口食品</a></li>
						<li><a href="#">营养保健</a></li>
						<li><a href="#">特产零食</a></li>
						<li><a href="#">粮油干货</a></li>
						<li><a href="#">酒水茶饮</a></li>
					</ul>
					<ul class="morenav1 morenav3">
						<li class="moretop">							
								<img src="images/newsix_07.png" />
								<h3><a href="#">健康生活</a></h3>														
						</li>
						<li><a href="#">电视热销</a></li>
						<li><a href="#">品质厨具</a></li>
						<li><a href="#">厨房电器</a></li>
						<li><a href="#">厨房用具</a></li>
						<li><a href="#">家庭健身</a></li>
						<li><a href="#">生活电器</a></li>
					</ul>
					<ul class="morenav1 morenav4">
						<li class="moretop">							
								<img src="images/newsix_09.png" />
								<h3><a href="#">魅力穿戴</a></h3>														
						</li>
						<li><a href="#">电视热销</a></li>
						<li><a href="#">品质厨具</a></li>
						<li><a href="#">厨房电器</a></li>
						<li><a href="#">厨房用具</a></li>						
					</ul>
					<ul class="morenav1 morenav5">
						<li class="moretop">							
								<img src="images/newsix_13.png" />
								<h3><a href="#">珠宝收藏</a></h3>														
						</li>
						<li><a href="#">电视热销</a></li>
						<li><a href="#">品质厨具</a></li>
						<li><a href="#">厨房电器</a></li>
						<li><a href="#">厨房用具</a></li>
						<li><a href="#">文化收藏</a></li>
					</ul>
					<ul class="morenav1 morenav-last">
						<li class="moretop">							
								<img src="images/newsix_11.png" />
								<h3><a href="#">美肤靓妝</a></h3>														
						</li>
						<li><a href="#">电视热销</a></li>
						<li><a href="#">品质厨具</a></li>
						<li><a href="#">厨房电器</a></li>
						<li><a href="#">厨房用具</a></li>
						<li><a href="#">美容仪器</a></li>
					</ul>										
				</div>				
			</div>	
									
		</div>
				
		<script>
				var navhuar=document.getElementById('nav-last');
				var navhuarx=document.getElementById('Morenav');
				var t=null;
				navhuar.onmouseover=navhuarx.onmouseover=function(){
					navhuarx.style.display='block';
					clearTimeout(t);
				}
				navhuar.onmouseout=navhuarx.onmouseout=function(){
					t=setTimeout(run,300);
					function run(){
						navhuarx.style.display='none';
					}
				}		
			</script>
		
				
		
				
		
		<div class="box">
			<!--===========================banner-->
			<div class="banner-wrap">
				<div class="banner">
						
				</div>
					
				<div class="dayx">
						
				</div>
			</div>
		
			<!--===============================main-->
			<div class="main">
					
			</div>	
				
			<div class="content">
						
			</div>
			
		</div>
					
		<!--====================================footer-->
		<div class="footer-wrap">
			<div class="bottom">
				
			</div>
		
			<div class="footer">
				
			</div>
		</div>
		
	</body>
</html>
